.container {  
    position: relative;
    top: 3rem;
    width: 100vw;
    min-height:29.3vw;
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
    overflow:hidden;
    background-color:var(--precolor-fou);
    background: url("../../../banner/banner_ins_loveGuardian.jpg") no-repeat center; 
    background-size: contain;  
    margin-bottom: 3rem; 
} 
.container + p{text-align: center;}

.product_info{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: flex-start;
    overflow:hidden;
    background-color:var(--precolor-fou);
    margin:.2rem auto;
}
.product_info p{
    display: flex;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    color: var(--color);
    margin-bottom: .5rem;
}
.product_info div p{
  display: flex;
  font-size: .8rem;  
  font-weight: normal;
  text-indent: 1.2rem;
  color: var(--color);
}
.product_info_desc{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: flex-start;
    overflow:hidden;
    background-color:var(--precolor-fou);
    margin:.5rem auto;
    font-size: .8rem;
    font-weight: normal;
}
.product_info_desc div:last-child p:last-child{
  text-indent: 0rem;
  padding-left: 2rem;
}
.product_info_desc div .desc_top{
    display: flex;
    font-size: 1rem;
    font-weight: bold;
    color: var(--color);
    text-indent: 0rem;}
  .product_info_desc div p{
      text-indent: 2rem;}    


.respon_list_title{
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: center;
  overflow:hidden;
  background-color:var(--precolor-fou);
  margin:.1rem auto;
  font-size: .8rem;
  font-weight: bold;
}  
.respon_list{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: flex-start;
    overflow:hidden;
    background-color:var(--precolor-fou);
    margin:.5rem auto;
    font-size: .8rem;
    font-weight: normal;
}
.respon_list_item{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: flex-start;
  overflow:hidden;
  background-color:var(--precolor-fou);
  margin:.1rem auto;
  font-size: .8rem;
  font-weight: normal;
}
.respon_list_txt{
  width: 70%;
  display: flex;
  align-items: flex-start;
  overflow:hidden;
  background-color:var(--precolor-fou);
}
.respon_list_limit1{
  width: 12%;
  display: flex;
  justify-content: flex-end;
  overflow:hidden;
  background-color:var(--precolor-fou);
}
.respon_list_limit4{
  width: 18%;
  display: flex;
  justify-content: flex-end;
  overflow:hidden;
  background-color:var(--precolor-fou);
}